$(document).ready(function() {
    $("#loginBtn").click(function() {
        showLogDiv("login");
    });
    $("#signupBtn").click(function() {
        showLogDiv("signup");
    });
});

function cancelLog() {
    hideLogDiv();
}

function hideLogDiv() {
    $("#logDiv").css("display", "none");
    $("#logInfoDiv").css("display", "none");
    $("#signupInfoDiv").css("display", "none");
}

function showLogDiv(method) {
    $("#logDiv").css("display", "block"); 
    if (method === "login") {
        $("#logInfoDiv").css("display", "block");
        $("#signupInfoDiv").css("display", "none");
    } else if (method === "signup") {
        $("#signupInfoDiv").css("display", "block");
        $("#logInfoDiv").css("display", "none");
    }
}